
{% extends "base.html" %}

{% block content %}
<div class="row-fluid">

	<div class="span12" style='background: url(/static/image/solar.png) no-repeat center;'>
	<div style='width:550px;margin:auto'>
	<div class="slideshow">
<div id="myCarousel" class="carousel slide" style="margin:0px">
  <!-- Carousel items -->
  		<div class="carousel-inner">
  			<div class="active item">
  			<img src="/static/image/solar/solar01.jpg" >
	  			<div class="carousel-caption">
	                  <h4>Solar 1 團隊</h4>
	                  <p></p>
	            </div>
  			</div>
  			<div class="item">
  			<img src="/static/image/solar/solar02.jpg" >
	  			<div class="carousel-caption">
	                  <h4>Solar 2 團隊</h4>
	                  <p></p>
	            </div>
  			</div>
  			<div class="item">
  			<img src="/static/image/solar/solar03.jpg" >
	  			<div class="carousel-caption">
	                  <h4>Solar 3 團隊</h4>
	                  <p></p>
	            </div>
  			</div>
  			<div class="item">
  			<img src="/static/image/solar/solar04.jpg" >
	  			<div class="carousel-caption">
	                  <h4>Solar 4 團隊</h4>
	                  <p></p>
	            </div>
  			</div>
  			<div class="item">
  			<img src="/static/image/solar/solar05_1.jpg" >
	  			<div class="carousel-caption">
	                  <h4>Solar 5 團隊</h4>
	                  <p></p>
	            </div>
  			</div>
  			<div class="item">
  			<img src="/static/image/solar/solar06.jpg" >
	  			<div class="carousel-caption">
	                  <h4>Solar 6 團隊</h4>
	                  <p></p>
	            </div>
  			</div>  			  			  			
  		</div>
 
  <!-- Carousel nav -->
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
		</div>
	</div><!--/.slideshow -->
	</div>
	</div>

</div>

<div class="row-fluid" style='padding-top:-100px'>
   <div class="span12">
<div class="row-fluid" >
   <div class="span2">
   <div class="thumbnail">
   	  <p align="center"><span class="label label-important">Solar1 Mentor</span></p>
      <img src="/static/image/mentor/danny.jpg" alt="danny">
      <p align="center" style="padding:2px">Danny Lin <br>噗浪亞太區 執行董事</p>
    </div>
    </div>
   <div class="span2">
   <div class="thumbnail">
   <p align="center" style="padding:2px"><span class="label label-important">Solar2 Mentor</span></p>
      <img src="/static/image/mentor/kevinho.png" alt="kevinho">
      <p align="center">Kevin Ho <br>ITIC 副總經理</p>
    </div>
   </div>
   <div class="span2">
   <div class="thumbnail">
   <p align="center" style="padding:2px"><span class="label label-important">Solar3 Mentor</span></p>
      <img src="/static/image/mentor/eric.jpg" alt="eric">
      <p align="center">Eric Tsai <br>KKBOX 技術長</p>
    </div>
   </div>
   <div class="span2">
   <div class="thumbnail">
   <p align="center" style="padding:2px"><span class="label label-important">Solar4 Mentor</span></p>
      <img src="/static/image/mentor/atticus.jpg" alt="atticus">
      <p align="center">Atticus Wu<br>癮科技 總編輯</p>
    </div>
   </div>
   <div class="span2">
   <div class="thumbnail">
   <p align="center" style="padding:2px"><span class="label label-important">Solar5 Mentor</span></p>
      <img src="/static/image/mentor/yuhsiu.jpg" alt="yuhsiu" >
      <p align="center">Yu-Hsiu Li<br>UiGathering 創辦人</p>
    </div>
   </div>
   <div class="span2">
   <div class="thumbnail">
   <p align="center" style="padding:2px"><span class="label label-important">Solar6 Mentor</span></p>
      <img src="/static/image/mentor/vincent.png" alt="vincent">
      <p align="center">Vincent<br>SIMSIX 執行長</p>
    </div>
   </div>
  </div> 
   </div>
</div>   
      
{% endblock %}      
      
